import React from 'react';
import { BLUE_COLOR } from '../../constants';

export default ({ x, y, width, height }) => (
  <svg
    version="1.1"
    x={x}
    y={y}
    width={width}
    height={height}
    viewBox="0 0 512 512"
    shapeRendering={'geometricPrecision'}
  >
    <rect x="50" width="512" height="512" opacity="0.7" fill="white" />
    <g>
      <g>
        <path
          d="M447.933,103.629c-0.034-3.076-1.224-6.09-3.485-8.352L352.683,3.511c-0.004-0.004-0.007-0.005-0.011-0.008    C350.505,1.338,347.511,0,344.206,0H89.278C75.361,0,64.04,11.32,64.04,25.237v461.525c0,13.916,11.32,25.237,25.237,25.237    h333.444c13.916,0,25.237-11.32,25.237-25.237V103.753C447.96,103.709,447.937,103.672,447.933,103.629z M356.194,40.931    l50.834,50.834h-49.572c-0.695,0-1.262-0.567-1.262-1.262V40.931z M423.983,486.763c0,0.695-0.566,1.261-1.261,1.261H89.278    c-0.695,0-1.261-0.566-1.261-1.261V25.237c0-0.695,0.566-1.261,1.261-1.261h242.94v66.527c0,13.916,11.322,25.239,25.239,25.239    h66.527V486.763z"
          fill={BLUE_COLOR}
        />
      </g>
    </g>
    <g>
      <g>
        <path
          d="M362.088,164.014H149.912c-6.62,0-11.988,5.367-11.988,11.988c0,6.62,5.368,11.988,11.988,11.988h212.175    c6.62,0,11.988-5.368,11.988-11.988C374.076,169.381,368.707,164.014,362.088,164.014z"
          fill={BLUE_COLOR}
        />
      </g>
    </g>
    <g>
      <g>
        <path
          d="M362.088,236.353H149.912c-6.62,0-11.988,5.368-11.988,11.988c0,6.62,5.368,11.988,11.988,11.988h212.175    c6.62,0,11.988-5.368,11.988-11.988C374.076,241.721,368.707,236.353,362.088,236.353z"
          fill={BLUE_COLOR}
        />
      </g>
    </g>
    <g>
      <g>
        <path
          d="M362.088,308.691H149.912c-6.62,0-11.988,5.368-11.988,11.988c0,6.621,5.368,11.988,11.988,11.988h212.175    c6.62,0,11.988-5.367,11.988-11.988C374.076,314.06,368.707,308.691,362.088,308.691z"
          fill={BLUE_COLOR}
        />
      </g>
    </g>
    <g>
      <g>
        <path
          d="M256,381.031H149.912c-6.62,0-11.988,5.368-11.988,11.988c0,6.621,5.368,11.988,11.988,11.988H256    c6.62,0,11.988-5.367,11.988-11.988C267.988,386.398,262.62,381.031,256,381.031z"
          fill={BLUE_COLOR}
        />
      </g>
    </g>
  </svg>
);
